<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{$index.header}</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <link rel="shortcut icon" href="/static/images/ico.jpg" media="screen" />
    <link rel="stylesheet" href="/static/yui/css/chapter.css" />
    <link rel="stylesheet" href="/static/css/font-awesome.min.css">
    <script src="/static/js/jquery.min.js"></script>
    <script src="/static/yui/js/chapter.js"></script>
    <link rel="stylesheet" href="/static/plugin/layer/theme/default/layer.css">
    <script src="/static/plugin/layer/layer.js"></script>
    <style>

    </style>
</head>
<body>
<div class="container">

    <!--皮肤颜色 skin-white -->
    <!--皮肤颜色 skin-blue -->
    <!--皮肤颜色 skin-yellow -->
    <!--皮肤颜色 skin-green -->
    <!--皮肤颜色 skin-pink -->
    <!--皮肤颜色 skin-gray -->
    <div class="article-box skin-white" id="articleBox" data-class="skin-white">

        <!-- 小说章节列表START -->
        <!--预读宽度 640px ==> width-small -->
        <!--预读宽度 860px ==> width-middle -->
        <!--预读宽度 1000px ==> width-large -->
        <div class="article-outer width-middle" id="articleOuter" data-class="width-middle">
            <div class="article-wrap">
                <!-- 面包屑 -->
                <div class="crumbs clearfix">
                    <a href="/frontendNovelChapter?id={$novel.id}" class="item bold">{$novel.title}</a>
                </div>

                <!-- 文章 -->
                <div class="article" id="article">
                    <!-- 文章头部 -->
                    <div class="article-hd">
                        <h1 class="article-title">{$chapter.title}</h1>
                        <div class="article-desc">
                            <span class="text">作者：{$novel.author}</span>
                            <span class="text">更新时间：{$chapter.updated_at|date='Y-m-d H:i:s',###}</span>
                            <span class="text">字数：{$chapter.all_count}</span>
                        </div>
                    </div>

                    <!-- 内容 -->
                    <!--文字大小 12px ==> font12 -->
                    <!--文字大小 14px ==> font14 -->
                    <!--文字大小 16px ==> font16 -->
                    <div class="article-content font16" id="ChapterBody" data-class="font16">
                        {$chapter.content|html_entity_decode=###}
                    </div>

                    <!-- 按钮 -->
                    <div class="btn-area" id="bonusBtn">
                        <a href="javascript:" class="btn yellow">打赏</a>
                    </div>

                    <div style="display: none" class="bonusBtn">
                        <img width="240px" height="300px" src="/static/images/qcode.jpg">
                    </div>

                    <!-- 按钮 -->
                    <div class="fn-btn">
                        <a href="/frontendChapterPage?id={$chapter.id}&novel_id={$novel.id}&ac=last" class="btn normal">上一章</a>
                        <a href="/frontendChapterPage?id={$chapter.id}&novel_id={$novel.id}&ac=next" class="btn normal">下一章</a>
                    </div>


                    <!-- 左侧浮层 -->
                    <div class="left-float-bar" id="leftFloatBar" style="position: absolute; top: 0px;">
                        <!-- 控制按钮 -->
                        <div class="ctrl-btn-area" id="ctrlBtnArea">
                            <a href="/frontendNovelChapter?id={$novel.id}" target="_self" class="ctrl-btn menu-btn"><!-- 列表 --></a>
                            <a href="javascript:" target="_self" class="ctrl-btn setting-btn" data-target="settingBox"><!-- 设置 --></a>
                            <a href="/frontendNovel#p3" target="_self" class="ctrl-btn back-list-btn"><!-- 返回列表 --></a>
                        </div>

                        <!-- 设置弹出框 -->
                        <div class="setting-box hide" id="settingBox">
                            <div class="box-hd">
                                <span class="title">设置</span>
                                <a href="javascript:" target="_self" class="icn close-btn fr" onclick="$(this).closest('.setting-box').addClass('hide');"><i class="fa fa-cog" aria-hidden="true"></i></a>
                            </div>

                            <div class="box-bd">
                                <!-- 阅读主题 -->
                                <dl class="setting-row">
                                    <dt class="title">阅读主题：</dt>
                                    <dd class="content" data-target="articleBox">
                                        <a href="javascript:" target="_self" class="item circle white selected" data-class="skin-white"><i class="fa fa-check"></i></a>
                                        <a href="javascript:" target="_self" class="item circle blue " data-class="skin-blue"><i class="fa fa-check" aria-hidden="true"></i></a>
                                        <a href="javascript:" target="_self" class="item circle yellow " data-class="skin-yellow"><i class="fa fa-check" aria-hidden="true"></i></a>
                                        <a href="javascript:" target="_self" class="item circle green " data-class="skin-green"><i class="fa fa-check" aria-hidden="true"></i></a>
                                        <a href="javascript:" target="_self" class="item circle pink " data-class="skin-pink"><i class="fa fa-check" aria-hidden="true"></i></a>
                                        <a href="javascript:" target="_self" class="item circle gray " data-class="skin-gray"><i class="fa fa-check" aria-hidden="true"></i></a>
                                    </dd>
                                </dl>
                                <!-- 字体大小 -->
                                <dl class="setting-row">
                                    <dt class="title">字体大小：</dt>
                                    <dd class="content" data-target="ChapterBody">
                                        <a href="javascript:" target="_self" class="item btn " data-class="font14">小</a>
                                        <a href="javascript:" target="_self" class="item btn selected" data-class="font16">中</a>
                                        <a href="javascript:" target="_self" class="item btn " data-class="font18">大</a>
                                    </dd>
                                </dl>
                                <!-- 页面宽度 -->
                                <dl class="setting-row">
                                    <dt class="title">页面宽度：</dt>
                                    <dd class="content" data-target="articleOuter">
                                        <a href="javascript:" target="_self" class="item btn " data-class="width-small">窄</a>
                                        <a href="javascript:" target="_self" class="item btn selected" data-class="width-middle">中</a>
                                        <a href="javascript:" target="_self" class="item btn " data-class="width-large">宽</a>
                                    </dd>
                                </dl>
                            </div>

                            <div class="box-ft">
                                <div class="btn-row">
                                    <a href="javascript:" target="_self" class="btn save" id="saveSetting">保存</a>
                                    <a href="javascript:" target="_self" onclick="$(this).closest('.setting-box').addClass('hide');" class="btn cancle">取消</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>



                <!-- 翻页控制按钮 -->
                <div class="page-btn-area" id="pageBtnArea" style="position: fixed;">
                    <a href="javascript:" target="_self" class="ctrl-btn good-btn" data-id="{$chapter.id}"><!-- 推荐 --></a>
                    <!--<a href="javascript:" target="_self" class="ctrl-btn comment-btn"></a>--><!-- 评论 -->
                    <a href="/frontendChapterPage?id={$chapter.id}&novel_id={$novel.id}&ac=next" target="_self" class="ctrl-btn next-btn"><!-- 下一页 --></a>
                    <a href="/frontendChapterPage?id={$chapter.id}&novel_id={$novel.id}&ac=last" target="_self" class="ctrl-btn prev-btn"><!-- 上一页 --></a>
                    <a href="#" target="_self" class="ctrl-btn top-btn"><!-- 返回顶部 --></a>
                </div>

            </div>
        </div>
        <!-- 小说章节列表END -->

    </div>


</div>

</body>
</html>